import React from "react";
import {Carousel} from "antd";
import ETH_ICON from "@/assets/photos/network/neth.png";
import UNI_ICON from "@/assets/photos/network/nuniswap.png";
import Pan_ICON from "@/assets/photos/network/npancakeswap.png";
import BNB_ICON from "@/assets/photos/network/nbnb.png";
import Turing_ICON from "@/assets/photos/network/nturingbot.png";
import Pink_ICON from "@/assets/photos/network/npinksale.png";

function DraggableCarousel() {
    return (
        <Carousel
            /*设置轮播效果为水平滚动*/
            effect="scrollx"
            /*禁用自动生成的轮播指示器*/
            dots={false}
            /*开启无限循环滚动*/
            infinite={true}
            /*设置每次展示的图片数量为 3 张*/
            slidesToShow={3}
            /*设置每次滚动的图片数量为 2 张*/
            slidesToScroll={2}
            /*开启鼠标拖拽图片滚动功能*/
            draggable={true}
            /*开启触摸屏滑动滚动功能*/
            touchMove={true}>
            <img className="network" src={ETH_ICON} alt=""/>
            <img className="network" src={UNI_ICON} alt=""/>
            <img className="xnetwork" src={Pan_ICON} alt=""/>
            <img className="xnetwork" src={BNB_ICON} alt=""/>
            <img className="network" src={Turing_ICON} alt=""/>
            <img className="network" src={Pink_ICON} alt=""/>
        </Carousel>
    );
}

export default DraggableCarousel;